<template>
  <div id="app">
    <router-view class="bc"></router-view>
    <!-- <Bottom class="Pagebottom"></Bottom> -->
  </div>
</template>
<script>
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
// import { AppDeviceEnquire } from '@/utils/mixin'

import Bottom from './components/layout/bottom'

export default {
	//   mixins: [AppDeviceEnquire],
	data() {
		return {
			locale: zhCN
		}
	},
	mounted() {
		this.$message.config({
			top: `200px`,
			duration: 2,
			maxCount: 3
		})
	},
	components: {
		Bottom
	}
}
</script>
<style lang="less">
*,
:after,
:before {
	box-sizing: inherit;
}
* {
	margin: 0;
	padding: 0;
}
#app {
	position: relative;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

a {
	color: rgba(0, 0, 0, 0.65);
}
  img {
	// object-fit: contain !important;
}
.pointer {
	cursor: pointer;
}
// .Pagebottom {
//   margin-top: 200px;
// }

.flex {
	display: flex;
	flex-direction: row;
}
.bc {
	// height: 100%;
}
img {
	cursor: pointer;
}
a {
	cursor: pointer;
}
.pointer {
	cursor: pointer;
}
.main {
	padding-bottom: 100px;
}
.body {
	padding-bottom: 288px;
}
button {
	cursor: pointer;
}
</style>
